import {ref} from 'vue'

import {ElMessage} from 'element-plus'
import * as $common from "@/utils/common";



export  const changeData = ref('');
export  const changeType = ref(null);
export  const changeModal = ref(false);

export  const avatarType = ref(null);
export  const avatarPrefix = ref('');
export  const showAvatarDialog = ref(false);


export  function closeModal() {
    avatarType.value = null
    avatarPrefix.value = ''

    changeData.value = ''
    changeType.value = null
  }

export  function changeAvatar(type,groups,currentGroupId) {
    if (type === 1 || (type === 2 && groups[currentGroupId].masterFlag)) {
      closeModal()
      showAvatarDialog.value = true
      avatarType.value = type
      if (type === 1) {
        avatarPrefix.value = 'userAvatar'
      } else if (type === 2) {
        avatarPrefix.value = 'im/groupAvatar'
      }
    }
  }

export  function changeDataType(type) {
    closeModal()
    changeType.value = type
    changeModal.value = true
  }

export  function submitAvatar(avatar,currentGroupId,groups) {
    if ($common.isEmpty(avatar)) {
      ElMessage({
        message: '请上传头像！',
        type: 'warning'
      })
      return
    }
    if (avatarType.value === 1) {
      const user = {
        avatar: avatar
      }
      // $http.post($constant.baseURL + '/user/updateUserInfo', user)
      //   .then((res) => {
      //     if (!$common.isEmpty(res.data)) {
      //       ElMessage({
      //         message: '修改成功！',
      //         type: 'success'
      //       })
      //       store.commit('loadCurrentUser', res.data)
      //       closeModal()
      //       showAvatarDialog.value = false
      //     }
      //   })
      //   .catch((error) => {
      //     ElMessage({
      //       message: error.message,
      //       type: 'error'
      //     })
      //   })
    } else if (avatarType.value === 2) {
      // $http.post($constant.baseURL + '/imChatGroup/updateGroup', {
      //   id: groupData.currentGroupId,
      //   avatar: avatar
      // })
      //   .then((res) => {
      //     ElMessage({
      //       message: '修改成功！',
      //       type: 'success'
      //     })
      //     groupData.groups[groupData.currentGroupId].avatar = avatar
      //     closeModal()
      //     showAvatarDialog.value = false
      //   })
      //   .catch((error) => {
      //     ElMessage({
      //       message: error.message,
      //       type: 'error'
      //     })
      //   })
    }
  }

export  function submitChange(currentFriendId,friends) {
    if (changeType.value === 1) {
      if ($common.isEmpty(changeData.value)) {
        ElMessage({
          message: '请输入备注！',
          type: 'warning'
        })
        return
      }
      // $http.get($constant.baseURL + '/imChatUserFriend/changeFriend', {
      //   friendId: friendData.currentFriendId,
      //   remark: changeData.value
      // })
      //   .then((res) => {
      //     ElMessage({
      //       message: '修改成功！',
      //       type: 'success'
      //     })
      //     friendData.friends[friendData.currentFriendId].remark = changeData.value
      //     closeModal()
      //     changeModal.value = false
      //   })
      //   .catch((error) => {
      //     ElMessage({
      //       message: error.message,
      //       type: 'error'
      //     })
      //   })
    } else if (changeType.value === 2) {
      if ($common.isEmpty(changeData.value)) {
        ElMessage({
          message: '请输入群名称！',
          type: 'warning'
        })
        return
      }
      // $http.post($constant.baseURL + '/imChatGroup/updateGroup', {
      //   id: groupData.currentGroupId,
      //   groupName: changeData.value
      // })
      //   .then((res) => {
      //     ElMessage({
      //       message: '修改成功！',
      //       type: 'success'
      //     })
      //     groupData.groups[groupData.currentGroupId].groupName = changeData.value
      //     closeModal()
      //     changeModal.value = false
      //   })
      //   .catch((error) => {
      //     ElMessage({
      //       message: error.message,
      //       type: 'error'
      //     })
      //   })
    } else if (changeType.value === 3) {
      if ($common.isEmpty(changeData.value)) {
        ElMessage({
          message: '请输入群公告！',
          type: 'warning'
        })
        return
      }
      // $http.post($constant.baseURL + '/imChatGroup/updateGroup', {
      //   id: groupData.currentGroupId,
      //   notice: changeData.value
      // })
      //   .then((res) => {
      //     ElMessage({
      //       message: '修改成功！',
      //       type: 'success'
      //     })
      //     groupData.groups[groupData.currentGroupId].notice = changeData.value
      //     closeModal()
      //     changeModal.value = false
      //   })
      //   .catch((error) => {
      //     ElMessage({
      //       message: error.message,
      //       type: 'error'
      //     })
      //   })
    } else if (changeType.value === 4) {
      if ($common.isEmpty(changeData.value)) {
        ElMessage({
          message: '请输入群简介！',
          type: 'warning'
        })
        return
      }
      // $http.post($constant.baseURL + '/imChatGroup/updateGroup', {
      //   id: groupData.currentGroupId,
      //   introduction: changeData.value
      // })
      //   .then((res) => {
      //     ElMessage({
      //       message: '修改成功！',
      //       type: 'success'
      //     })
      //     groupData.groups[groupData.currentGroupId].introduction = changeData.value
      //     closeModal()
      //     changeModal.value = false
      //   })
      //   .catch((error) => {
      //     ElMessage({
      //       message: error.message,
      //       type: 'error'
      //     })
      //   })
    }
  }


